getUserInfo();

// 向服务器发GET请求 获取用户的基本信息
function getUserInfo() {
  $.ajax({
    type: "GET", //默认get
    url: "/my/userinfo", //默认当前页
    success: function (res) {
      //请求成功回调
      // 如果获取失败,调用layui的弹出方法 ,告诉用户请求失败了
      if (res.status !== 0) return layui.layer.msg(res.message);
      // 调用 renderAvatar 渲染用户的头像
      renderAvatar(res.data);
    },
  });
}

// 渲染用户的头像
function renderAvatar(user) {
  // 获取服务器返回的用户的名称
  var uname = user.nickname || user.username;
  // 把用户名渲染到页面上
  $("#welcome").html(`欢迎  ${uname}`);
  // 如果服务器返回的数据不为空 ,就显示图片头像隐藏文字图片,否则,相反
  if (user.user_pic !== null) {
    // 通过自定义属性赋值,把从服务器请求回来的地址给图片头像,同时把文字头像隐藏掉
    $(".layui-nav-img").attr("src", user.user_pic).show();
    $(".text-avatar").hide();
  } else {
    // 先隐藏图片头像,把用户名字第一个字母大写,渲染出来,因为文字头像是一个圆盒子添加了背景色,里面放的文字
    $(".layui-nav-img").hide();
    var first = uname[0].toUpperCase();
    $(".text-avatar").html(first).show();
  }
}

// 退出功能
$("#btnlogOut").on("click", function () {
  layui.layer.confirm(
    "你确定退出登录吗?",
    { icon: 3, title: "提示" },
    function (index) {
      //do something
      layui.layer.msg("退出成功");
      setTimeout(function () {
        // 1. 清空本地存储中的 token
        sessionStorage.removeItem("token");
        // 2. 重新跳转到登录页面
        location.href = "/loging.html";
      }, 1000);
      layui.layer.close(index);
    }
  );
});
